<div class="sidebar" data-color="orange" data-background-color="white"
     data-image="{{ asset('material') }}/img/sidebar-1.jpg">
  <!--
      Tip 1: You can change the color of the sidebar using: data-color="purple | azure | green | orange | danger"

      Tip 2: you can also add an image using data-image tag
  -->
  <div class="logo">
    <a href="https://yuejian.test/" class="text-center simple-text logo-normal">
      约健管理平台
    </a>
  </div>
  <div class="sidebar-wrapper">
    <ul class="nav">
      <li class="nav-item{{ $activePage == 'home' ? ' active' : '' }}">
        <a class="nav-link" href="{{ route('home') }}">
          <i class="material-icons">home</i>
          <p>首页</p>
        </a>
      </li>

      @auth('admin')
        <li class="nav-item{{ $activePage == 'clubcheck' ? ' active' : '' }}">
          <a class="nav-link" href="{{ route('clubs.check_list') }}">
            <i class="material-icons">people_alt</i>
            <p>成员管理</p>
          </a>
        </li>
        <li class="nav-item{{ $activePage == 'course' ? ' active' : '' }}">
          <a class="nav-link" href="/courses">
            <i class="material-icons">class</i>
            <p>课程管理</p>
          </a>
        </li>
        <li class="nav-item{{ $activePage == 'video' ? ' active' : '' }}">
          <a class="nav-link" href="{{ route('video.index') }}">
            <i class="material-icons">video_label</i>
            <p>视频课程管理</p>
          </a>
        </li>
      @endauth

      @auth('superadmin')
        <li class="nav-item{{ $activePage == 'clubs' ? ' active' : '' }}">
          <a class="nav-link" href="/clubs">
            <i class="material-icons">account_balance</i>
            <p>俱乐部管理</p>
          </a>
        </li>
        <li class="nav-item{{ $activePage == 'admin' ? ' active' : '' }}">
          <a class="nav-link" href="/admins">
            <i class="material-icons">people</i>
            <p>俱乐部管理员管理</p>
          </a>
        </li>
        <li class="nav-item{{ $activePage == 'activity' ? ' active' : '' }}">
          <a class="nav-link" href="/activities">
            <i class="material-icons">local_activity</i>
            <p>活动管理</p>
          </a>
        </li>
        <li class="nav-item{{ $activePage == 'competition' ? ' active' : '' }}">
          <a class="nav-link" href="/competitions">
            <i class="material-icons">outlined_flag</i>
            <p>比赛管理</p>
          </a>
        </li>
        <li class="nav-item{{ $activePage == 'coach' ? ' active' : '' }}">
          <a class="nav-link" href="{{ route('coach.index') }}">
            <i class="material-icons">how_to_reg</i>
            <p>教练管理</p>
          </a>
        </li>
        <li class="nav-item{{ $activePage == 'post' ? ' active' : '' }}">
          <a class="nav-link" href="{{ route('post.index') }}">
            <i class="material-icons">photo_library</i>
            <p>晒图管理</p>
          </a>
        </li>
      @endauth

    </ul>
  </div>
</div>
